<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../../js/mui.min.js"></script>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/share/common.css" rel="stylesheet" />
		<link href="../../css/share/swiper.3.1.2.min.css" rel="stylesheet" />
		<link href="../../css/shopping/productDetail.css" rel="stylesheet" />
		
		<script src="../../js/swiper.3.1.2.min.js"></script>
		<script src="../../js/mui.zoom.js"></script>
	    <script src="../../js/mui.previewimage.js"></script>
	</head>

	<body ng-app="myApp" ng-controller="product" ng-cloak>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left"></a>
			<a class="mui-icon  mui-pull-right header-right-text"></a>
			<h1 class="mui-title">商品详情</h1>
		</header>
		<!--底部-->
		<nav class="mui-bar mui-bar-tab ">
			<div id="footer" class="box_orient_h">
				<div class="footer_g" ng-click="productGz()">
					<img style="height:16px;margin-bottom:2px;" src="../../image/shopping/guanzhu.png" id="statusImg">{{status}}
				</div>
				<div class="footer_g" ng-click="openBuycar()">
					<img src="../../image/shopping/gouwuche.png">&nbsp;购物车<span class="buyNum" id="buyNum"></span>
				</div>
				<div class="footer_c" ng-click="buyNow()">
					立即购买
				</div>
				<div class="footer_j" ng-click="addBuycar()">
					加入购物车
				</div>
			</div>
		</nav>
		<!--商品详情-->
		<div class="mui-content" id="wrap">
			<div id="to_top">
				<img src="../../image/backtop.png">
			</div>
			<div id="main">
				<!--轮播图-->
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide " ng-repeat="photo in pics">
							<img onload="proloadImg(this)" data-echo={{photo.pic}}  src= "../../image/placeholder1.png"  data-preview-src="" data-preview-group="1"/>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<div class="main_container" style="border-top:1px solid #e9e9e9;padding-top:10px;" ng-cloak>
					<div class="main_title">
						{{products.name}}
					</div>
					<div class="main_price">
						<div class="mian_price_yuan">
							<span style="text-decoration:line-through">￥{{products.price}}</span>
							<br>
							<span class="priceding" ng-show="products.dingjin">订金￥{{products.deposit}}</span>
							<span class="main_price_zk"> ￥{{products.nowPrice}}</span><span class="pricezhuan" ng-show="products.hide">{{products.priceName}}</span>
						</div>
						<p>
							{{products.introduce}}
						</p>
						<div class="cuxiao">
							<span class="huodong">促销活动</span><span class="gengduo" ng-click="zhedie()"><img src="../../image/shopping/gd.png" /></span>
							<div class="fangshi yinchang" id="fangshi">
								<div ng-repeat="cuxiao in promotionList"><span class="now">{{cuxiao.name}}:&nbsp;{{cuxiao.description}}</span></div>
							</div>
						</div>
					</div>
					<div class="kongxi"></div>
					<div class="fukuanfangshi">
						<div class="main_select_title">
							付款方式
						</div>
						<span ng-repeat="pays in paymodels"><a>{{pays}}</a></span>
					</div>
					<div class="kongxi"></div>
					<div class="main_select box_orient_h">
						<div class="main_select_title">
							选择参数
						</div>
						<div class="main_select_lei" onclick="CMeau(document.getElementById('mask'))">
							{{color}}&nbsp{{size}}&nbsp{{spec}}&nbsp{{models}}&nbsp&nbsp{{productNum}}
						</div>
						<div>
							<img src="../../image/shopping/jt.png"/>
						</div>
					</div>
					<div class="kongxi"></div>
				</div>
				<div class="main_container">
					<h4>图文详情</h4>
					<div class="main_chima"></div>
					<div id="pic"></div>
					<div class="kongxi"></div>
				</div>
				<div class="main_container">
					<h4 style="border:0">商品评价</h4>
					<ul class="mian_pinglun_xiangqing" infinite-scroll="loadMore()" infinite-scroll-distance="0">
						<li class="box_orient_h main_pinglun_list" ng-repeat="comment in comments">
							<div class="main_pinglun_left">
								<img src={{comment.headImg}} onerror="this.src='../../image/share/pl_tp.png'">
							</div>
							<div class="main_pinglun_right">
								<div class="main_pinglun_name">
									<span>{{comment.nickname}}</span><img src={{s}} ng-repeat="s in comment.star track by $index" />
								</div>
								<div class="main_ping_neirong">
									{{comment.content}}
								</div>
								<div class="main_time">
									评论时间:{{comment.createdate}}
									<br>
									<span ng-hide="comment.hidecolor">颜色:{{comment.specColor}};</span><span ng-hide="comment.hidesize">尺码:{{comment.specSize}};</span>
									<span ng-hide="comment.hidespec">规格:{{comment.specSpec}};</span><span ng-hide="comment.hidemodel">型号:{{comment.specModel}};</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!--尺码选择遮罩层-->
			<div class="mask" id="mask">
				<div class="mask_content" id="d1">
					<div id="maskimg" class="mask_con box_orient_h" >
						<div class="mask_con_left">
							<div class="mask_img">
								<img src={{fristPic}}>
							</div>
						</div>
						<div class="mask_con_right flex-b">
							<p class="texthidden">
								{{products.name}}
							</p>
							<div class="mask_price_dazhe">
								￥{{products.nowPrice}}
							</div>
							<div class="mask_price_yuan">
								<span style="text-decoration:line-through">￥{{products.price}}</span>
							</div>
						</div>
					</div>
					<div id="weizi">
						<div id="mainnum">
							<div class="shuliang">
								数量：
							</div>
							<div class="mask_price_num clearfix">
								<div class="mask_num pull_right">
									<button ng-click="Num('0')">
										<img src="../../image/shopping/jian1.png">
									</button>
									<input type="text" ng-model="productNum" id="textnum" />
									<button ng-click="Num('1')">   
										<img src="../../image/shopping/jia1.png">
									</button>
								</div>
							</div>
						</div>
						<div class="mask_con_k" ng-show="colorHide">
							<div class="mask_con_title">
								颜色：
							</div>
							<ul class="mask_con_lei">
								<li ng-repeat="colors in colorlists">
									<button id={{colors}} ng-click="selColor(colors,this)">
										{{colors}}
									</button>
								</li>
							</ul>
						</div>
						<div class="mask_con_k" ng-show="sizeHide">
							<div class="mask_con_title">
								尺码：
							</div>
							<ul class="mask_con_lei">
								<li ng-repeat="size in sizelists">
									<button id={{size}} ng-click="selSize(size,this)">
										{{size}}
									</button>
								</li>
							</ul>
						</div>
						<div class="mask_con_k" ng-show="specHide">
							<div class="mask_con_title">
								规格：
							</div>
							<ul class="mask_con_lei">
								<li ng-repeat="specs in speclists">
									<button id={{specs}} ng-click="selSpec(specs)">
										{{specs}}
									</button>
								</li>
							</ul>
						</div>
						<div class="mask_con_k" ng-show="modelHide">
							<div class="mask_con_title">
								型号：
							</div>
							<ul class="mask_con_lei">
								<li ng-repeat="models in modellists">
									<button id={{models}} ng-click="selModels(models)">
										{{models}}
									</button>
								</li>
							</ul>
						</div>
						<div class="queding"><button disabled="true" class='arguments' id="btnsure" ng-click="sure()">确定</button></div>						
					</div>
					<img src="../../image/shopping/guanbi.png" onclick="CMeau(document.getElementById('mask'))" style="position:absolute;right:10px;top:-10px;width:30px">
				</div>
			</div>
		</div>
	</body>
	<script src="../../js/backtop.js"></script>
	<script src="../../js/common.js"></script>
	<script src="../../js/localData.js"></script>
	<script src="../../js/md5.js"></script>
	<script src="../../js/request.js"></script>
	<script src="../../js/buyCar.js"></script>
	<script src="../../js/angular.min.js"></script>
	<script src="../../js/ng-infinite-scroll.min.js"></script>
	<script src="../../script/shopping/productDetail.js"></script>
</html>